/* first assign web fonts */

@font-face {
    font-family: 'Amiri Regular'; 
    src: url('../Amiri-Regular.ttf') format('truetype');
    }

@font-face {
    font-family: 'Amiri Bold'; 
    src: url('../Amiri-Bold.ttf') format('truetype');
    }

@font-face {
    font-family: 'Amiri Italic'; 
    src: url('../Amiri-Italic.ttf') format('truetype');
    }

@font-face {
    font-family: 'Amiri Bold Italic'; 
    src: url('../Amiri-BoldItalic.ttf') format('truetype');
    }

/* go on with normal style definitions */
body {
    font-family: 'Amiri Italic'; /* this is only an example for one style */
    
    /* setup OpenType features */
    font-feature-settings: ;

    /* vendor prefixes */
    -webkit-font-feature-settings: ;
    -moz-font-feature-settings: ;
    -moz-font-feature-settings: ;
    -ms-font-feature-settings: ;
    -o-font-feature-settings: ;
    
}
    

/* language tag */
<html lang="">

...

</html>